@import "./reset.scss";
// @import './variable.scss';

@import "./vxe-table.scss";
@import "./orderStyle.scss";
@import "./ordersCheckbox.scss";

@font-face {
  font-family: "Proxima Nova";
  src: url("../assets/font/proximanova.ttf");
  font-weight: normal;
  font-style: normal;
}

// 全局style
#app {
  font-family: "Proxima Nova";
  font-weight: 400;
}

:root {
  --el-menu-bg-color: #363a46 !important;
  --el-menu-hover-bg-color: #454B59 !important;
  // --el-bg-color-overlay: #F5F5F5 !important;
  --el-border-color-extra-light: #f5f5f5 !important;
  --el-fill-color-light: #f5f5f5 !important;
  --el-button-hover-border-color: #fff !important;
  --el-button-hover-border-color: #dcdfe6 !important;

}

.el-timeline {
  --el-timeline-node-size-normal: 8px !important
}

.el-timeline-item__tail {
  left: 2px;
}

.borLeftNone {
  border-left: none !important;
}

.el-backtop :hover {
  background: #f5f5f5 !important;
  transition: all 0.6s;
}

.el-popper__arrow {
  display: none !important;
}

.dflex {
  display: flex;
}

.m-l10 {
  margin-left: 10px;
}

.m-b20 {
  margin-bottom: 20px;
}

.m-t10 {
  margin-top: 10px;
}

.m-r10 {
  margin-right: 10px;
}

.m-t-3 {
  margin-top: -3px;
}

// .m-b-2 {
//   margin-bottom: -2px;
// }
.m-b2 {
  margin-bottom: 2px;
}

.m-b5 {
  margin-bottom: 5px;
}

.m-b10 {
  margin-bottom: 10px;
}

.redText {
  color: #bc1f22;
}

.f16b222 {
  color: var(--unnamed, #222);
  /* 文字/16px-bold */
  font-size: 16px;
  font-weight: 700;
}

.svgFFF {
  position: relative;
  left: -80px;
  filter: drop-shadow(#fff 80px 0);
}

.p13222 {
  color: var(--unnamed, #222) !important;
  font-size: 13px !important;
}

.p12222 {
  color: var(--unnamed, #222);
  font-size: 12px;
}

.p12777 {
  color: var(--unnamed, #777);
  font-size: 12px;
}

.p13777 {
  color: var(--unnamed, #777);
  font-size: 13px;
}

.p13red {
  color: var(--unnamed, #bc1f22) !important;
  font-size: 13px;
}

.line-through {
  text-decoration: line-through;
}

.order-tabs .el-tabs__header {
  margin-bottom: 1px;
}

.tright {
  text-align: right !important;
}

.tcenter {
  text-align: center !important;
}

.ac {
  display: flex;
  align-items: center;
}

.bt24px {
  height: 24px !important;
  font-weight: 400 !important;
  padding: 8px !important;
}

.exportDropdown .el-button {
  height: 24px !important;
}

// 自定义button--el-button-active-text-color
.el-button--OF {
  --el-button-hover-text-color: #fff !important;
  --el-button-hover-border-color: #bc1f22 !important;
  --el-button-hover-bg-color: #bc1f22 !important;

  --el-button-active-text-color: #fff !important;
  --el-button-active-border-color: #bc1f22 !important;
  --el-button-active-bg-color: #bc1f22 !important;
}

.el-button--primary {
  --el-button-hover-text-color: #fff !important;
  --el-button-hover-border-color: #bc1f22 !important;
  --el-button-hover-bg-color: #bc1f22 !important;

  --el-button-active-text-color: #fff !important;
  --el-button-active-border-color: #bc1f22 !important;
  --el-button-active-bg-color: #bc1f22 !important;
}

.el-button--Resended {
  // border-color: #e8813b !important;
  // color: #e8813b !important;
  --el-button-hover-text-color: #e8813b !important;
  --el-button-hover-border-color: #e8813b !important;
  --el-button-hover-bg-color: #fff !important;

  --el-button-active-text-color: #e8813b !important;
  --el-button-active-border-color: #e8813b !important;
  --el-button-active-bg-color: #fff !important;
}

.el-button--default {
  --el-button-hover-text-color: #bc1f22 !important;
  --el-button-hover-border-color: #bc1f22 !important;
  --el-button-hover-bg-color: #fff !important;

  --el-button-active-text-color: #bc1f22 !important;
  --el-button-active-border-color: #bc1f22 !important;
  --el-button-active-bg-color: #fff !important;
}

.el-popper.is-dark {
  display: none !important;
}

.text-align-right {
  text-align: right;
}

.popperPicker {
  inset: 296px auto auto 96px !important;
}

.o-title {
  color: #000;

  /* 文字/16px-bold */
  font-family: "Proxima Nova";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
}

.o-h2 {
  color: #222;

  /* 文字/16px-bold */
  font-family: "Proxima Nova";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
}

.p-22214 {
  color: var(--unnamed, #222) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.p-22220 {
  color: var(--unnamed, #222);
  font-family: "Proxima Nova";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.t-red14 {
  color: var(--unnamed, #bc1f22);
  font-family: "Proxima Nova";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.p-00014 {
  color: #000;

  /* 文字/14px-bold */
  font-family: "Proxima Nova";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 142.857% */
}

.p-00014 {
  color: #000;
  text-align: center;
  font-family: "Proxima Nova";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.6px;
  /* 166.154% */
}

.spaceBetween {
  justify-content: space-between !important;
}

.el-divider--horizontal {
  // margin: 34px 0 !important;
}

.el-table__expand-icon--expanded {
  display: none !important;
}

.el-tabs__item {
  font-weight: initial !important;
}

.pagination {
  .el-pagination {
    justify-content: center;
    margin: 20px 0;
  }

  .el-pagination.is-background .btn-next,
  .el-pagination.is-background .btn-prev,
  .el-pagination.is-background .el-pager li {
    background: #fff;
    color: #222;
    border-radius: 2px;
    // border: 1px solid #dcdee0;
  }

  .el-pager li.is-active {
    color: #BC1F22 !important;
  }

  .el-pager li:hover {
    color: #BC1F22 !important;
  }
}

.el-dropdown-menu__item:not(.is-disabled):focus {
  color: #606260 !important;
  background: var(--unnamed, #fafafa) !important;
}

.el-dialog__body {
  padding: 30px !important;
}

.el-dialog__header {
  padding: 30px 30px 0 30px !important;
}

.el-radio__label {
  font-size: 13px;
  color: #222;
}

.el-form-item__label {
  font-size: 14px;
  color: #222;
}

.el-popper__arrow {
  display: none !important;
}

.dflex {
  display: flex;
}

.m-l10 {
  margin-left: 10px;
}

.m-b20 {
  margin-bottom: 20px;
}

.m-t10 {
  margin-top: 10px;
}

.m-r10 {
  margin-right: 10px;
}

.m-t-3 {
  margin-top: -3px;
}

// .m-b-2 {
//   margin-bottom: -2px;
// }
.m-b2 {
  margin-bottom: 2px;
}

.m-b5 {
  margin-bottom: 5px;
}

.m-b10 {
  margin-bottom: 10px;
}

.redText {
  color: #bc1f22;
}

.f16b222 {
  color: var(--unnamed, #222);
  /* 文字/16px-bold */
  font-size: 16px;
  font-weight: 700;
}

.svgFFF {
  position: relative;
  left: -80px;
  filter: drop-shadow(#fff 80px 0);
}

.p13222 {
  color: var(--unnamed, #222) !important;
  font-size: 13px !important;
}

.p12222 {
  color: var(--unnamed, #222);
  font-size: 12px;
}

.p13777 {
  color: var(--unnamed, #777);
  font-size: 13px;
}

.p13red {
  color: var(--unnamed, #bc1f22) !important;
  font-size: 13px;
}

.p12red {
  color: var(--unnamed, #bc1f22) !important;
  font-size: 13px;
}

.line-through {
  text-decoration: line-through;
}

.order-tabs .el-tabs__header {
  margin-bottom: 1px;
}

.tright {
  text-align: right !important;
}

.tcenter {
  text-align: center !important;
}

.ac {
  display: flex;
  align-items: center;
}

.bt24px {
  height: 24px !important;
  font-weight: 400 !important;
}

.exportDropdown .el-button {
  height: 24px !important;
}

// 自定义button--el-button-active-text-color
.el-button--OF {
  --el-button-hover-text-color: #fff !important;
  --el-button-hover-border-color: #bc1f22 !important;
  --el-button-hover-bg-color: #bc1f22 !important;

  --el-button-active-text-color: #fff !important;
  --el-button-active-border-color: #bc1f22 !important;
  --el-button-active-bg-color: #bc1f22 !important;
}

.el-button--primary {
  --el-button-hover-text-color: #fff !important;
  --el-button-hover-border-color: #bc1f22 !important;
  --el-button-hover-bg-color: #bc1f22 !important;

  --el-button-active-text-color: #fff !important;
  --el-button-active-border-color: #bc1f22 !important;
  --el-button-active-bg-color: #bc1f22 !important;
}

.el-button--Resended {
  // border-color: #e8813b !important;
  // color: #e8813b !important;
  --el-button-hover-text-color: #e8813b !important;
  --el-button-hover-border-color: #e8813b !important;
  --el-button-hover-bg-color: #fff !important;

  --el-button-active-text-color: #e8813b !important;
  --el-button-active-border-color: #e8813b !important;
  --el-button-active-bg-color: #fff !important;
}

.el-button--default {
  --el-button-hover-text-color: #bc1f22 !important;
  --el-button-hover-border-color: #bc1f22 !important;
  --el-button-hover-bg-color: #fff !important;

  --el-button-active-text-color: #bc1f22 !important;
  --el-button-active-border-color: #bc1f22 !important;
  --el-button-active-bg-color: #fff !important;
}

.text-align-right {
  text-align: right;
}

.popperPicker {
  inset: 296px auto auto 96px !important;
}

.o-title {
  color: #000;

  /* 文字/16px-bold */
  font-family: "Proxima Nova";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
}

.o-h2 {
  color: #222;

  /* 文字/16px-bold */
  font-family: "Proxima Nova";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
}

.p-22214 {
  color: var(--unnamed, #222) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.p-22220 {
  color: var(--unnamed, #222);
  font-family: "Proxima Nova";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.t-red14 {
  color: var(--unnamed, #bc1f22);
  font-family: "Proxima Nova";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.p-00014 {
  color: #000;

  /* 文字/14px-bold */
  font-family: "Proxima Nova";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 142.857% */
}

.p-00014 {
  color: #000;
  text-align: center;
  font-family: "Proxima Nova";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.6px;
  /* 166.154% */
}

.spaceBetween {
  justify-content: space-between !important;
}

.el-divider--horizontal {
  // margin: 34px 0 !important;
}

.el-table__expand-icon--expanded {
  display: none !important;
}

.el-tabs__item {
  font-weight: initial !important;
}

.pagination {
  .el-pagination {
    justify-content: center;
    margin: 20px 0;
  }

  .el-pagination.is-background .btn-next,
  .el-pagination.is-background .btn-prev,
  .el-pagination.is-background .el-pager li {
    background: #fff;
    border-radius: 2px;
    // border: 1px solid #dcdee0;
  }
}

.el-dropdown-menu__item:not(.is-disabled):focus {
  color: #606260 !important;
  background: var(--unnamed, #fafafa) !important;
}

.el-dialog__body {
  padding: 30px !important;
}

.el-dialog__header {
  padding: 30px 30px 0 30px !important;
}

.el-radio__label {
  font-size: 13px;
  color: #222;
}

.el-form-item__label {
  font-size: 14px;
  color: #222;
}

.m-b40 {
  margin-bottom: 40px;
}

.el-timeline-item__content {
  color: #777 !important;
  font-size: 13px;
}

.el-timeline-item__timestamp.is-bottom {
  color: #222 !important;
  font-size: 13px;
}

//谷歌
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

//火狐
input[type="number"] {
  -moz-appearance: textfield;
}


// /*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
// // 滚动条整体部分
// &::-webkit-scrollbar {
//   width: 6px;
//   height: 8px;
// }

// // 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。
// &::-webkit-scrollbar-button {
//   display: none;
// }

// // 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
// &::-webkit-scrollbar-thumb {
//   background: rgba(144, 147, 153, 0.3);
//   cursor: pointer;
//   border-radius: 4px;
// }

// // 边角，即两个滚动条的交汇处
// &::-webkit-scrollbar-corner {
//   display: none;
// }

// // 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件
// &::-webkit-resizer {
//   display: none;
// }

.orderTable {
  .p13 {
    font-size: 13px;
    margin-left: 5px;
  }

  strong {
    font-weight: 600 !important;
  }

  .is-group .o-Quote {
    border-left: 1px solid #ebeef5;
    border-right: 1px solid #ebeef5 !important;
  }

  .el-table td.el-table__cell,
  .el-table--border .el-table__cell {
    border-right: none;
  }

  .is-group .el-table__cell {
    padding: 0;
    background: transparent !important;
  }

  .el-table .el-table__cell {
    color: var(--unnamed, #777);
    /* 文字/13px-Regular */
    font-size: 13px;
    font-weight: 400;
  }

  .el-table__body-wrapper .el-table__cell {
    vertical-align: top;
  }

  .el-table td.el-table__cell div {
    color: var(--unnamed, #222);
    font-size: 13px;
  }
}

::v-deep .el-table thead.is-group th.el-table__cell {
  background: transparent !important;
  color: var(--unnamed, #777);

  /* 文字/13px-Regular */
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  padding: 0;
}

/* ::v-deep .el-table__inner-wrapper {
  padding: 0 10px;
} */
// ::v-deep .el-table .cell {
//   padding: 0 20px;
// }

// ::v-deep .el-pagination {
//   justify-content: center;
//   margin: 10px 0;
// }

// ::v-deep .el-divider--horizontal {
//   margin: 20px 0 !important;
// }

.DisputDialog {
  .el-dialog__body {
    text-align: center;
  }

  .el-dialog__footer {
    text-align: center;
  }

  .el-dialog__header {
    padding: 0 !important;
  }

  .t1 {
    color: var(--unnamed, #222);
    /* 文字/18px-bold */
    font-weight: 700;
    line-height: 26px;
    /* 144.444% */
  }

  .t2 {
    color: #595959;

    /* 文字/13px-Regular */
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    /* 146.154% */
  }
}